<div class="ZZHT-content">

	<div class="ZZHT-user-head"><b>用户信息</b></div>
	<div class="ZZHT-clear"></div>
	<div class="u-menu u-menus">
		<a href="javascript:void(0)" onclick="batchRead()">标记为已读</a> |
		<a href="javascript:void(0);" onclick="batchDel()">删除</a>
	</div>

	<div class="ZZHT-body">
		<div class="ZZHT-page-content">
			<table class="ZZHT-list ZZHT_msg">
				<thead>
					<tr>
						<th width="25">
							<div class="checkbox-box-s">
								<input class="ZZHT-checkbox-s" style="top:-8px;" onclick="javascript:ZZHT.checkChks(this,'.chk')" type="checkbox" id="all">
								<label for="all" style="top:-48px;"></label>
							</div>
						</th>
						<th width="45">状态</th>
						<th>消息</th>
						<th width="100">操作</th>
					</tr>
				</thead>
				<tbody id="msg_box">
					<tr style="border-bottom: 1px solid #e6e6e6;" v-for="(v,i) in tab">
						<td>
							<div class="checkbox-box-s"> <input type="checkbox" class="chk ZZHT-checkbox-s" :id='"chk-"+i' :value="v.id"><label class="mt-1" :for='"chk-"+i'></label> </div>
						</td>
						<td>
							<div :class='v.msgStatus==0?"newMsg":"readMsg"'></div>
						</td>
						<td>
							<div class="msg-content">
								<span v-if="v.msgType=='0'">【系统消息】</span>{{v.msgTitle}}
							</div>
						</td>
						<td>
							<a class="s-handle" href="#none" @click="showMsg(v.id)">查看</a>
							<a class="s-handle" href="#none" @click="delMsg(v.id)">删除</a> &nbsp;
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<td colspan="12" align="center" style="padding:5px 0px 5px 0px;">
							<div id="ZZHT-page" class="ZZHT-page" style="padding-bottom:10px;"></div>
						</td>
					</tr>
				</tfoot>
			</table>
		</div>
		<div id="pager" style="text-align: center;"></div>
	</div>
</div>
